<template>
	<view class="titlebox">
		<!-- <view class="flex-between">
			<view class="flex-center text-26">
				<view class="badge mr-20">选择题</view>
			</view>
			<view class="flex-center text-26 text-gray">
				<view class="text-22 text-gray"><text class="text-blue font-weight-500">{{index+1}}</text> / {{length}}</view>
			</view>
		</view> -->
		<view class="title bold" ><view class="badge mr-20">选择题</view>{{info.stem}}</view>
	</view>
</template>

<script setup>
	
	const props = defineProps({
		info: {
			type: Object
		},
		index: {
			type: Number,
			default: 0
		},
		length: {
			type: Number,
			default: 0
		}
	})
	
</script>

<style scoped lang="scss">
	.title{font-size: var(--font_title); color: #444444; line-height: 60rpx;}
	.titlebox{margin-bottom: 10rpx;}
	.badge{background-color: rgba($primary2, 0.1); font-weight: 400; color: $primary2; height: 40rpx; line-height: 40rpx; padding: 0 16rpx; border-radius: 12rpx; display: inline-block; font-size: 20rpx;}
</style>